<template>
<Select v-model="selValue" filterable multiple :max-tag-count="3" :max-tag-placeholder="maxTagPlaceholder">
	<div>
		
	</div>
	<Option value="" v-if="has_default" >请选择</Option>
	<Option v-for="item in list" :value="item[field]" :key="item.id">{{ item.nickname }}</Option>
</Select>
</template>
<script>
export default {
	data:function(){
		return{		
			list:[],
			selValue:0
		};
	},
	props:{
		value:{
			default:''
		},
		field:{
			default:'id'
		},
		is_update:{
			default:false
		},
		has_default:{
			default:0
		}
	},
	created:function(){
		this.selValue = this.value;
		this.load_data();
	},
	watch:{
		value(val){
			this.selValue = val;
		},
		selValue(val){
			this.$emit('input',val);
		},
		is_update(val){
			if(val){
				this.load_data();
			}
		}
	},
	methods:{
		load_data(){
			var self = this;
			var postdata = {};
			
			Whttp.load('User/User/get_all',postdata,function(result){
				self.list = result;
			});
		},
		maxTagPlaceholder (num) {
			return '+ '+ num+'';
		}
	}
}
</script>
<style scoped>

</style>